<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example - example-ng-ref-component-production</title>
  

  <script src="//code.angularjs.org/1.8.2/angular.min.js"></script>
  <script src="index.js"></script>
  

  
</head>
<body ng-app="myApp">
  <my-toggle ng-ref="myToggle"></my-toggle>
<button ng-click="myToggle.toggle()">Toggle</button>
<div ng-show="myToggle.isOpen()">
  You are using a component in the same template to show it.
</div>
</body>
</html>